<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/layui.css">
    <link rel="stylesheet" href="css/index1.css?v=1">
    <link rel="stylesheet" href="css/position1.css">
    <title>杭州市医疗废物智慧监管系统</title>
    <script src="js/jquery-2.2.1.min.js"></script>
    <script src="js/rem.js"></script>
    <script src="js/echarts.min.js"></script>
    <script type="text/javascript" src='http://webapi.amap.com/maps?v=1.4.6&key=9ab8eeffa6d88b5846afd39453c341b0'></script>
    <!-- UI组件库 1.0 -->
    <script src="http://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>

    <script src="js/region.js?t=1.2"></script>
    <script src="../../layuiadmin/layui/layui.js"></script>
</head>
<style>
    .layui-carousel>[carousel-item]::before {
        content: "";
    }
</style>

<body style="overflow-x:hidden;overflow-y: hidden">
    <div class="t_container">
        <main class="t_main">
            <div class="t_left_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="t_title">杭州市<span id="t1"></span>本年收集数据</h1>
                <div class="t_mbox t_rbox">
                    <i></i>
                    <span>总收集(Kg)</span>
                    <h2 id="total">0</h2>
                </div>
                <div class="t_mbox1 t_gbox t_mbox_l">
                    <span>感染性废物(Kg)</span>
                    <h2 id="grx">0</h2>
                </div>
                <div class="t_mbox1 t_sbox t_mbox_r">
                    <span>损伤性废物(Kg)</span>
                    <h2 id="ssx">0</h2>
                </div>
                <div class="t_mbox1 t_ybox t_mbox_l">
                    <span>药物性废物(Kg)</span>
                    <h2 id="ywx">0</h2>
                </div>
                <div class="t_mbox1 t_bbox t_mbox_r">
                    <span>病理性废物(Kg)</span>
                    <h2 id="blx">0</h2>
                </div>
                <div class="t_mbox1 t_hbox t_mbox_l">
                    <span>化学性废物(Kg)</span>
                    <h2 id="hxx">0</h2>
                </div>
                <div class="t_mbox1 t_obox t_mbox_r">
                    <span>其他(Kg)</span>
                    <h2 id="other">0</h2>
                </div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--地图 -->
            <div class="t_center_box">
                <div class="t_top_box">
                    <img class="t_l_line" src="img/left_line.png" alt="">
                    <h1 class="t_title">杭州市<span id="t2"></span>24小时收集详情(单位：公斤)</h1>
                    <div id="chart_3" style="width: 100%;height: 4.1rem;top:9%; position: absolute;"></div>
                    <img class="t_r_line" src="img/right_line.png" alt="">
                </div>
            </div>
            <!--各区县收集量 -->
            <div class="t_right_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="t_title">杭州市<span id="t3"></span>各医院24小时各类废物收集数据(单位：公斤)
                </h1>
                <div class="layui-carousel" id="test2" lay-filter="test2" style="height:4.6rem">
                    <div carousel-item id="region">

                    </div>
                </div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <br>
            <!--前6月数据 -->
            <div class="b_left_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">杭州市<span id="t4"></span>前六个月收集量数据</h1>
                <div id="chart_2" class="echart" style="width: 100%;
                        height:3.9rem;"></div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--重点医院 -->
            <div class="b_center_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">重点医院收集数据</h1>
                <header class="t_b_h">
                    <div class="layui-carousel" id="test1" lay-filter="test1">
                        <div carousel-item id="hosp">

                        </div>
                    </div>
                </header>
                <div id="chart_1" class="echart" style="width: 50%;left:50%; height:
                        3.9rem;"></div>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
            <!--实时 -->
            <div class="b_right_box">
                <img class="t_l_line" src="img/left_line.png" alt="">
                <h1 class="b_title">医院实时收集数据(单位：公斤)</h1>
                <table class="t_table">
                    <thead>
                        <tr>
                            <th>医院名称</th>
                            <th>科&nbsp;&nbsp;&nbsp;&nbsp;室</th>
                            <th>重&nbsp;&nbsp;&nbsp;&nbsp;量</th>
                            <th>时&nbsp;&nbsp;&nbsp;&nbsp;间</th>
                        </tr>
                    </thead>
                    <tbody id="table">

                    </tbody>
                </table>
                <img class="t_r_line" src="img/right_line.png" alt="">
            </div>
        </main>
    </div>
</body>
<script src="js/data.js?v=1">
</script>
<script>
</script>

</html>